<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
    <script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="css/css2.css"type="text/css">
</head>
<body>
    <nav class="navbar navbar-default">
        <div class="container-fluid"> 
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                        data-target="#bs-example-navbar-collapse-1">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="#">我的作品介绍</a>
            </div>
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav">
                    <<li><a href="http://hao-kunyu.gitee.io/hhaheuh/%E4%BD%9C%E5%93%81%E6%9D%9C%E7%94%AB.html">杜甫</a></li>
                    <li><a href="http://hao-kunyu.gitee.io/hhaheuh/%E6%96%B0%E9%97%BB%E5%B1%95%E7%A4%BA.html">新闻列表</a></li>
                    <li><a href="http://hao-kunyu.gitee.io/hhaheuh/qq%E5%B1%95%E7%A4%BA.html">qq注册列表</a></li>
                    <li><a href="http://hao-kunyu.gitee.io/hhaheuh/%E7%99%BE%E5%BA%A6%E5%B1%95%E7%A4%BA.html">百度首页</a></li>
                    <li><a href="http://hao-kunyu.gitee.io/hhaheuh/%E8%BD%BB%E6%9D%BE%E6%89%B9%E5%B1%95%E7%A4%BA.html">轻松批</a></li>
                    <li><a href="http://hao-kunyu.gitee.io/hhaheuh/%E8%AF%BE%E8%A1%A8%E5%B1%95%E7%A4%BA.html">课表</a></li>
                    <li><a href="http://hao-kunyu.gitee.io/hhaheuh/bootstrap%E5%B1%95%E7%A4%BA.html">bootstrap</a></li>
                    <li><a href="http://hao-kunyu.gitee.io/hhaheuh/bilibili%E5%B1%95%E7%A4%BA.html">bilibili</a></li>
                </ul>
            </div>
        </div>
    </nav>
    &nbsp; &nbsp; &nbsp; &nbsp;这是关于bootstrap的作业
    <button type="button" class="btn btn-primary"><a href="http://hao-kunyu.gitee.io/hhaheuh/%E4%BD%9C%E4%B8%9A.html"><label id="label1">点击进入</label></button>
</body>
</html>